import { View, Text } from "react-native"
import React from "react"
import { createBottomTabNavigator } from "@react-navigation/bottom-tabs"
import MyTabBar from "./BottomTab"
import * as Screens from "app/screens"

const Tab = createBottomTabNavigator()

const BottomTabNavigator = () => {
  return (
    <Tab.Navigator
      screenOptions={{
        headerShown: false,
      }}
      initialRouteName="Appointments"
      tabBar={(props) => <MyTabBar {...props} />}
    >
      <Tab.Screen name="Appointments" component={Screens.Appointments} />
      <Tab.Screen name="Access" component={Screens.Access} />
      <Tab.Screen name="Notifications" component={Screens.Notifications} />
    </Tab.Navigator>
  )
}

export default BottomTabNavigator
